@charset 'UTF-8';
 @import '../../../scss/function.scss', '../../../scss/config.scss';
 
// 预约详情
.appointment_detail {
    .list {
        padding: 45px 15px;
        .icon_invalid {
            display: none;
        }
        .item:first-child {
            border: 1px solid $color-0;
            margin-bottom: 24px;
            p {
                font-size: $font-3;
                color: $color-10;
                position: relative;
                padding-left: 25px;
                height: 30px;
                line-height: 30px;
                span {
                    padding-left: 5px;
                }
                &.regtimestr {
                    height: 60px;
                    .regtimestr {
                        display: block;
                        padding-left: 80px;
                    }
                }
            }
            .icon {
                color: $color-0;
                font-size: $font-0;
                position: absolute;
                left: 0px;
                top: 5px;
            }
        }
        .item:last-child {
            border: 1px dashed $color-12;
            text-align: center;
            white-space: inherit;
            padding: 15px 30px;
            color: $color-12;
            font-size: $font-6;
        }
        &.invalid {
            .item {
                border-color: $color-13 !important;
                color: $color-13;
                position: relative;
                p, .icon {
                    color: $color-13;
                }
                .icon_invalid {
                    display: inline-block;
                    position: absolute;
                    right: 0px;
                    bottom: 0px;
                    font-size: 90px;
                }
            }
        }
    }
        
}
